*{
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family: "微软雅黑";
}
li{
    list-style: none;
}
body{
    background: url(../img/1044627.jpg) no-repeat 0px 0px;
}
#box{
    margin: 100px auto;
    width: 500px;
    height: 300px;
    .left{
        float: left;
        width: 50px;
        height: 100%;
        background: #E9EAEA;
        li{
            float: left;
            width: 100%;
            height: 30px;
            line-height: 30px;
            text-align: center;
            color: #474B4B;
            cursor: pointer;
        }
        li.active{
            color: white;
            background: #474B4B;
        }
    }
    .area{
        float: left;
        margin-left: 8px;
        width: 440px;
        height: 298px;
        border: 1px solid #E9E9E9;
        position: relative;
        overflow: hidden;
        .all{
            position: absolute;
            left: 0px;
            top: 0px;
            height:894px;
            width: 440px;
            li{
                float: left;
                width: 440px;
                height: 298px;
                line-height: 298px;
                background: #644E4E;
                text-align: center;
                color: #FFF;
                font-size: 20px;
            }
        }
    }
}
